.mainsycp{ padding:3% 0%; } 
.mainsycp_top{ text-align:center; font-weight:bold;margin-bottom:3%; padding-bottom:30px;background:url("cpfl.png") no-repeat center bottom;}
.mainsycp_top h2{ font-size:36px; line-height:60px; color:#009900; }
.mainsycp_top span{ font-size:20px; line-height:40px; color:#999; text-transform:uppercase; text-align:center; width:100%; display:block; font-family:"Arial","Microsoft YaHei","SimSun"; }
.mainsycp_top p{ font-size:18px; line-height:40px; color:#4b4b4b; font-weight:normal }
.cpfl{ width:100%; margin: 0 auto}
.cpfl ul{ list-style-type:none; width:100%; margin: 0 auto; }
.cpfl ul li{  width:8.6%; float:left; height:50px; margin:0% 0.5% 1% 0.5%; line-height:50px; border:2px solid #009900; text-align:center;border-radius:5px;}
.cpfl ul li a{ font-size:14px; color:#009900} 
.cpfl ul li:nth-child(1){background:#009900!important}
.cpfl ul li:nth-child(1) a{ color:#fff}
.cpfl ul li:hover{ background:#f97831;border:2px solid #f97831;}
.cpfl ul li:hover a{ color:#fff}
.cpflli{   background:#f97831!important; display:none }
.cpflli a{ color:#FFFFFF!important;}
.cpfllis{ display: none}
.pro_list{ padding:3% 0% 0% 0%;}
.pro_list li{ width:18.8%; float:left; margin: 0% 0.5% 1% 0.5%; padding:0.1%; background:#fff; } 
.pro_list li h2{width:100%;float:left; overflow:hidden;max-height:300px;position:relative; display:block; padding-bottom:100%}
.pro_list li h2 img{ width:100%; height:100%; float:left; position:absolute;}  
.pro_list li dt{ height:50px; line-height:50px; text-align:center; width:100%; float:left; margin-top:-50px;background:rgba(43, 42, 42, 0.35);color:#fff; font-size:14px; overflow:hidden; z-index:1999; position:relative}  
.pro_list li img {width: 100%;height:100%; display: block;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.pro_list li:hover img {transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);-webkit-transform: scale(1.1);} 
.pro_list li:hover dt{background:rgba(15, 130, 39, 0.35); }

@media only screen and (max-width:1200px) { 
.mainsycp_top h2{ font-size:30px; line-height:35px}
.mainsycp_top span{ font-size:24px} 
.cpfl ul li{ width:18.45%}
}
@media only screen and (max-width:1024px) {  
.pro_list li{ width:31.833333%;} 
}
@media only screen and (max-width:850px) {
.cpfl ul{ width:100%;}
.mainsycp_top h2{ font-size:24px}
.mainsycp_top span{ font-size:20px}  
.pro_list li{ width:30.333333%; margin: 0% 1% 1% 1%; padding:0.5%; } 
}
@media only screen and (max-width:768px) {
.cpfl ul li{  width:18.8%; border: none; background:#009900;}
.cpfl ul li a{ color:#FFFFFF}
.cpfl ul li:hover{ background:#f97831;border: none;}
}
@media only screen and (max-width:600px) {
.pro_list li{ width:47%;}
.pro_list li:nth-child(n+15){ display: none}
.cpfl ul li{ width:31.6%} 
.cpflli{ display:inline}
.cpfllis{ display: inline}
}
@media only screen and (max-width:414px) {
.mainsycp_top h2{ font-size:21px;}
.mainsycp_top p{ font-size:16px;}
}
.mainab{ background:url("mainab.jpg") no-repeat  center top;background-size:auto 100%;padding:0% 0% 3% 0%}
.mainab_top{ width:10%; float:left; border-top:70px #03973f solid; text-align:center}
.mainab_top span{ width:100%; display:block; font-size:36px; font-weight:bold; line-height:40px; color:#FFFFFF; padding:20px 0px;}
.mainab_top span strong{ width:100%; display:block}
.mainab_top h1{ font-size:21px; font-weight:normal; color:#fff; line-height:75px; width:50%; float:right;writing-mode: tb-rl;}
.mainab_top h1 strong{ font-weight:normal; padding-top:20px;}
.mainab_top h2{ font-size:50px; line-height:30px; color:#FFFFFF;font-weight:normal; font-family:"΢ÈíÑźÚ"; width:50%; float: left;writing-mode: tb-rl; text-transform:uppercase}

.zngg{ line-height:30px; font-size:14px; color:#fff; height:60px;overflow:hidden; }  
.company{ width:83%; float: right; padding:60px 0% 0px 0%}
.company_top{ width:100%; float:left; line-height:30px; margin-bottom:20px}
.company_top h1{ font-size:36px; color:#fff; line-height:75px; float:left }
.company_top h2{ font-size:16px; line-height:50px;  font-weight:normal; font-family:"΢ÈíÑźÚ"; width:150px; height:50px; background:#d0f310; text-align:center; float:right; text-align:center; } 
 
.companyt{ line-height:31px; font-size:14px; width:100%; float:left; }
.companyt img{ display:none}
.companyt p{display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical; overflow:hidden; color:#fff}
.gundong{width:100%; float:left;}
 
.companyt_t{text-align: center; width:93%; float:left; padding:30px; background:rgba(249, 248, 248, 0.35); margin-top:30px; display:block} 
.companyt_t li{ width:18%; float:left; text-align:center; margin:0% 1% 0% 0%; color:#FFFFFF;border-radius:5px; padding:30px 0px;}
.companyt_t li img{ height:80px; margin: 0 auto; margin-top:23px; }
.companyt_t li  h2{ width:100%; font-size:18px; line-height:60px; font-weight:normal; height:50px;  overflow:hidden}   
.companyt_t li  p{ width:100%; font-size:20px; line-height:30px; font-weight:normal; height:60px; overflow:hidden}  
.companyt_t ul{ width:22%; margin-right:2%; float:left; text-align:center; color:#006600;background:rgba(249, 248, 248, 0.85);border-radius:5px; padding:30px 0px;}
.companyt_t ul img{ height:80px; margin: 0 auto; margin-top:23px; }
.companyt_t ul  h2{ width:100%; font-size:18px; line-height:60px; height:60px; overflow:hidden}   
.companyt_t ul  p{ width:100%; font-size:35px; line-height:30px; font-weight: bold; height:60px; overflow:hidden}  
.c2{ display:none}
.companyt_t li:hover{ background:rgba(249, 248, 248, 0.85); color:#006600}
.companyt_t li:hover .c2{ display:inline}
.companyt_t li:hover .c1{ display: none} 
@media only screen and (max-width:1200px) {  
.mainab_top h2{ font-size:30px; }
.company_top h1{ font-size:30px}
.company_top h2{ font-size:20px} 
.zngg{ display:none }
.companyt p{display: -webkit-box;-webkit-line-clamp:6;-webkit-box-orient: vertical; overflow:hidden}   
.companyt_tno{ display:none}  
.companyt_t li{ width:24%;}
.companyt_t li p{  font-size:16px; } 
.companyt_t ul p{  font-size:28px; }  
}
@media only screen and (max-width:1024px) {  
.company{ padding:12px 0% 0px 0%} 
.companyt_t li{ width:22%; margin:0% 1% 1% 1%} 
.mainab_top h2{ line-height:48px} 
}
@media only screen and (max-width:850px) {  
.mainab{ padding:3% 0%;background:url("mainab.jpg") no-repeat  center bottom #fff;background-size:auto 101%;} 
.mainab_top{ display: none}
.company{ width:100%}
.company_top{ text-align:center}
.company_top h1{ font-size:24px;width:100%; line-height:30px; text-align:center}
.company_top h2{ display:none}
.announce{ display:none}
.company{ width:90%; padding:20px 5% 0% 5%; height:auto}
.companyt{ width:100%; float:left;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical; overflow:hidden}
.companyt_t{ padding:0px 0px 0px 0%}
.companyt_t li h2{ font-size:16px}
.companyt{ text-align:center}
.companyt img{ display: inline; width:50%; margin: 0 auto;} 
.companyt p{display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical; overflow:hidden}  
} 
@media only screen and (max-width:768px) {
.company_top h1{ line-height:30px;}
.companyt_t ul{ width:100%; text-align:center; height:50px; line-height:50px; background:#d0f310; margin-top:3%; margin-bottom:3%;border-radius:50px; padding:1%}
.companyt_t ul img{ display:none}
.companyt_t ul p{ display: inline; padding-left:10px;}
.companyt_t ul h2{ display: inline}
.companyt_t{width:100%; padding:0px; background: none; margin-top:0px; }
.companyt_t li{ background:rgba(249, 248, 248, 0.35); width:48%}
.companyt_t li:hover{ background: none; color:#006600}  
.companyt_tno{ display: inline}  
} 
@media only screen and (max-width:414px) {
.companyt_t ul h2{ font-size:16px}
.companyt_t ul p{ font-size:20px}
}
@media only screen and (max-width:328px) {
.companyt_t{ padding:0%}
.companyt_t li{ width:48%; }
.companyt_t li h2{ line-height:60px}
.companyt_t li img{ height:39px;}
} 
 
.mainone{ width:100%; margin: 0 auto; padding:3% 0%;}
.mainone_top{ text-align:center; background:url("mainone_top.jpg") no-repeat center center; margin-bottom:2%; }
.mainone_top h1{ font-size:36px; line-height:60px; font-weight:normal}
.mainone_top h2{ font-size:16px; line-height:60px; color:#999; text-transform:uppercase; font-weight:normal}
  
.newsl{ float: left; }
.newsl_top{width:389px; height:40px; background:#D40000;}
.newsl_top h2{ line-height:40px; width:140px; height:40px; text-align:center; color: #ffffff; float:left;background:#000;font-size:14px; font-weight:bold; }
.newsl_top span{ float:right; color: #014da0; height:25px; width:80px; text-align:right; padding-top:15px; padding-right:2px;}
.newsl_div{width:100%; float:left; }
.newsl_div ul{ }
.newsl_div ul li{  height:30px; line-height:30px;  float:left; font-size:14px; overflow:hidden} 
.newsl_div ul li span{ float:right; }

.xw1{ width:58%; float:left; }
.xw1 ul li{ width:48%; margin:0% 1% 10px 1%;}
.xw1 ul li b{ width:10px; height:10px; background:#006600;border-radius:50px; display: inline-block; margin:10px 10px 10px 0px; float:left}
.lxwm{ width:30%;float: right; padding:0px 2% 30px 10%;background:url("lxwmbj.jpg") no-repeat right bottom;  } 
.lxwm_n{ height:140px; display:block;background:url("lxwm_n.jpg") no-repeat center top #006600;background-size:cover; }
.lxwm_b p{ color:#000; line-height:30px;}

@media only screen and (max-width:1200px) {  
.mainone_top h1{ font-size:30px; line-height:40px;}
.xw1 ul li span{ display:none}
}

@media only screen and (max-width:850px) {  
.xw1{ width:100%; float:left; }
.xw1 ul li{ margin:0% 1% 0px 1%}
.xw1 ul li span{ display: inline}
.mainone_top h1{ font-size:24px;}
.mainone_top h2{ line-height:36px;}
.lxwm_b p:nth-child(1){ display: none}
.lxwm_b p:nth-child(4){ display: none}
.lxwm_b p:nth-child(5){ display: none}
.lxwm_b p:nth-child(6){ display: none}
.lxwm{ width:100%; text-align:center; height:50px; line-height:50px; background:#d0f310; margin-top:3%;border-radius:50px; padding:1%}
.lxwm_b p{ display:inline; color:#006600; font-size:18px;} 
.lxwm_n{ display:none}
} 
@media only screen and (max-width:700px) {  
.xw1 ul li span{ display:none}
}
@media only screen and (max-width:550px) {  
.xw1 ul li{ width:98%}
.xw1 ul li:nth-child(n+7) { display:none}
.xw1 ul li span{ display: inline}
}
@media only screen and (max-width:414px) {  
.xw1 ul li span{ display:none}
.lxwm_b p:nth-child(2){ display:none}
}


.index_about_top {background: url("index_about_top.jpg") no-repeat center top; padding: 46px 0 60px; font-family:'ºÚÌå';}
.index_about_left {width: 60%;}
.index_about_left h3 {color: #fff; }
.index_about_left p {color: #edca5c; margin-bottom: 5px; line-height:66px; height:66px; overflow:hidden;}
.index_about_left span {color: #fff;font-size: 16px;text-transform: uppercase;font-family: 'Arno Pro'; padding-right:5%}
.index_about_right {width: 40%;}
.about_right_top img {vertical-align: middle;margin-right: 10px;}
.about_right_top h3 {color: #edca5c;font-size: 36px;font-family: 'ºÚÌå';text-align: right;}
.about_right_top h3 span {color: #edca5c;font-size: 16px;}
.about_right_top h3 li{ width:100%; display:block}
 
.about_right_down {text-align: right;margin-top: 20px;}
.about_right_down a {display: inline-block;width: 138px;height: 42px;text-align: center;color: #fff;line-height: 42px;border-radius: 50px;border: 1px solid #edca5c;font-size: 17px;margin-left: 10px;	transition: all ease-in-out .3s;}
.about_right_down a:hover{background: #e5c790;transition: all ease-in-out .3s;} 
@media only screen and (max-width:1250px) {  
 .about_us_left{ line-height:37px}
 }
@media only screen and (max-width:1200px) {  
 .index_about_top{ margin-top:0%}
 .index_about_left p{ font-size:19px}
 .about_right_top h3 li{ font-size:28px; line-height:40px;}
 .about_right_top h3 li b{ display:none}
 .about_right_top h3 li strong{ width:100%; display:block}
 }
@media only screen and (max-width:1024px) {  
.index_about_left{ width:100%; text-align:center}
.index_about_right{ width:100%; text-align:center}
.index_about_left p{ line-height:45px; height:40px}
.about_right_top h3{ text-align:center}
.about_right_down{ text-align:center}
.index_about_left span{ display: none}
   
 .about_right_top h3 li{ font-size:28px; line-height:40px;}
 .about_right_top h3 li b{ display: inline}
 .about_right_top h3 li strong{ width: auto; display: inline}
}
@media only screen and (max-width:678px) {  
.about_us_left{ width:100%; margin:  0 auto; text-align:center; }
.about_us_left_bot{height:auto}
.about_us_left img{ width:80%; margin: 0 auto; height:auto}
.about_us_right{ width:100%; float:left}
.about_us_right h3{ text-align:center; line-height:60px; margin:0%;}
}
@media only screen and (max-width:600px) {  
.about_right_top h3{ font-size:24px; padding-top:3%}
.index_about_left p{ height:45px; overflow:hidden}
}
@media only screen and (max-width:414px) {  
.index_about_top{ padding:20px 0 60px}
 .about_right_top h3 li b{ display:none}
 .about_right_top h3 li strong{ width:100%; display:block}
}


.mainys{ padding:0% 0% 3% 0%;} 
.zybt{font-size: 18px;color: #555555;text-align: center;}
.zybt h3{display: block;margin-top: 40px;font-size: 36px;color: #181818;}
.zybt .hx{
  background-color: rgb(252, 171, 54);
  width: 121px;
  height: 1px;
  margin: 20px auto;}
.ys5 .btms{color: #bbbbbb;
} 
.btms{font-size: 18px;color: #555;margin-bottom: 40px;}
.zybt em{vertical-align: middle;font-size: 55px;color: #fcab36;font-family: "Impact";display: inline-block;margin: 0 15px 0 6px;}
.w600{width: 50%;height: 600px;}
.ys2{background: url("ys2.jpg") no-repeat center top; background-size:cover; float:right; position:relative}
.ys1{background: url("ys1.jpg") no-repeat center top;background-size:cover ; float:left}
.w600 .bgdf .ysbt span{color: #fcab36;}
.w600 .bgdf .ysms{font-size: 14px;color: #333;line-height: 22px;}
.ys1 .bgdf{float: right;}
.w600 .bgdf .ysbt{font-size: 26px;color: #282828;font-weight: bold;height: 90px;line-height: 90px; overflow:hidden}
.w600 .bgdf {width: 66%;height: 210px;background: #fff;padding:45px 6%;
}
.heixian{height: 2px;background: #05356a;width: 99px;margin-bottom: 25px;
}
 
.ys2 .bgdf{position: absolute;bottom: 0;left: 0;}
.ys3bg{background: url("ys3bg.jpg") top center no-repeat fixed;;height: 300px; overflow:hidden}

.w6000{width: 45%;margin-left:5%; float: left;}
.ys4 .w6000 .ysms{color: #333333;}
.ys4 .w6000 .heixian{background: #073569;}
.w6000 .heixian{background: #FBAA39;height: 2px;width: 99px;margin:15px 0;}
.w6000 .ysms{font-size: 12px;line-height: 25px;color: #fff;}
.w6000 .ysbt{color: #fff;font-size: 26px;line-height: 45px;margin-top: 20px;
	font-weight: bold;padding-top: 21px;
}
.ys4{ margin-bottom: 50px;   }
.ys4 .ysbt span{color: #fcab36;margin-left: 5px;font-weight: bold;}
.ys4 .ysbt{color: #282828;font-size: 26px;line-height: 45px;margin-top: 36px;

}
.ys5 .zybt h3{margin-top: 45px;color: #fff;}
.ys5{background: url("ys5bg.jpg") no-repeat center;height: 685px;overflow: hidden;
}
.ys3bgimg{ width:50%; float:left; height:300px;background:url("ys3.jpg") no-repeat center bottom;background-size:100% auto; overflow:hidden}
.ys3bgimg img{ width:100%}
.ys4bgimg{ width:50%; float:left; height:400px; overflow:hidden}
.ys4bgimg img{ width:100%}

 
.announcet1{ width:100%}
.announcet1 b{ font-size:16px; line-height:38px; width:100%; float:left}
.announcet1 p{font-size: 14px; line-height:33px; height:33px; overflow:hidden; width:50%; float:left}
  
.lxt{ height:37px; line-height:37px; margin-bottom:10px; width:100%; float:left}
.lxt h1{ width:100%;  font-weight:normal; font-size:24px; color:#000; } 
.lxt h1 strong{ color:#fcab36; padding-left:2%}
 
 
@media only screen and (max-width:1200px) {
.zybt h3{ font-size:30px; margin-top:20px}
.zybt .hx{ margin:0px auto; height:5px}
.btms{ margin-top:20px; margin-bottom:20px;}
}
@media only screen and (max-width:1100px) {
.ys4bgimg img{ height:100%; width: auto; max-width:none}
}
@media only screen and (max-width:1024px) {
.w600{ height:487px}
.w600 .bgdf{ width:77%; padding:17px 6%}
.w600 .bgdf .ysbt{ line-height:45px; height:71px} 
.ys4 .ysbt{ margin-top:0%}
.announcet1{ margin-top:30px;}
.announcet1 b{ display:none}
.announcet1 p{ width:100%; line-height:30px;}
}
@media only screen and (max-width:930px) { 
.ys3bgimg img{height:100%}
}
@media only screen and (max-width:768px) {
.zybt h3{ font-size:24px}
.w600 .bgdf{ width:92%}
.w600 .bgdf .ysbt{ font-size:22px; height:52px;}
.ys1{ background:url("ys1.jpg") no-repeat center bottom; background-size:100% 50%;}
.ys2{ background:url("ys2.jpg") no-repeat center top; background-size:100% 50%;}
.ys3bgimg img{ width:auto;height:100%}
.w6000 .ysbt{ font-size:20px; line-height:18px}
.ys4bgimg img{ width:auto;height:100%; float:right}
.announcet1{ margin-top:10px;}
.lxt h1{ font-size:20px;}
.ys4 .w6000 .ysms{display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical; overflow:hidden}
}
@media only screen and (max-width:600px) { 
.ys1{ background-size:200% 50%;}
.ys2{ background-size:200% 50%;}
}
 
@media only screen and (max-width:500px) { 
.w600 .bgdf{ width:50%; height:auto; padding:6%;}
.w600{ height:auto}
.ys2 .bgdf{position: relative; bottom:auto ;left: auto; float: left  }
.ys1{ width:96%; padding:2%; background:url("ys1.jpg") no-repeat left; background-size:cover;}
.ys2{ width:96%; padding:2%; background:url("ys2.jpg") no-repeat right; background-size:cover; float:left} 
.w6000{ width:100%; margin-left:0%}
.ys3bgimg{ display:none}
.ys3bg{ height:auto; padding-bottom:3%}

.ys4bgimg{ width:100%;height: auto; float:left; }
.ys4bgimg img{ width:100%;height: auto; float: none; margin: 0 auto}
.lxt{ display:none}
.announcet1{ width:80%; margin: 0 auto; height:50px; background: #FF0000; text-align:center;border-radius:50px;}
.announcet1 p{ text-align:center; color:#FFFFFF; line-height:50px; height:50px; font-size:22px; display:block}
.announcet1 .anno{ display:none}
}
@media only screen and (max-width:414px) { 
.w600 .bgdf{ background:rgba(255,255,255,0.8); width:88%; float:left}  
.announcet1{ width:80%;}
}
 
@media only screen and (max-width:370px) {
.w6000 .heixian{ margin:21px 0}
.zybt h3{ font-size:20px; margin-top:0%}
.announcet1{ width:100%; margin:2% 0%}
.announcet1 p{ font-size:20px;}
}
@media only screen and (max-width:328px) {
.zybt h3{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow:hidden}
.zybt em{ font-size:40px}
}

.maintj{width:100%; margin: 0 auto; padding:3% 0% 3% 0%; background:#f5f5f5; margin-top:3% }
.maintj .bt{ text-align:center;  margin-bottom:2%; width:100%; background:url("cpfl.png") no-repeat center bottom; padding-bottom:2%;}
.maintj .bt h1{ font-size:36px; line-height:60px; font-weight: bold}
.maintj .bt span{ font-size:16px; line-height:30px; color:#2b2b2b; text-transform:uppercase; font-weight:normal}  
#demo0{ padding:0% 0% 0% 0%;}
#demo0 li{ width:23%; float:left; margin: 0% 1% 1% 1%; background:#fff; } 
#demo0 li h2{width:100%;float:left; overflow:hidden;max-height:300px;position:relative; display:block; padding-bottom:100%}
#demo0 li h2 img{ width:100%; height:100%; float:left; position:absolute;}  
#demo0 li h3{ height:50px; line-height:50px; text-align:center; width:100%; float:left; color:#006600; font-size:14px; overflow:hidden; }  
#demo0 li img {width: 100%;height:100%; display: block;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
#demo0 li:hover img {transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);-webkit-transform: scale(1.1);} 
#demo0 li:hover{background:#006600; }
#demo0 li:hover h3{ color:#FFFFFF}
@media only screen and (max-width:1200px) {
.maintj .bt h1{ font-size:30px; line-height:40px;}
#demo0 li{ width:31.333333%;}
#demo0 li:nth-child(n+16){ display:none}
}
@media only screen and (max-width:850px) {
.maintj .bt h1{ font-size:24px; line-height:40px;}
.maintj .bt{ padding-bottom:30px}
#demo0 li{ width:48%;}
#demo0 li:nth-child(n+16){ display: inline}
}


.mainthree{width:100%; margin: 0 auto; padding:3% 0% 0% 0%; }
.mainthree_top{ text-align:center;  margin-bottom:2%; }
.mainthree_top h1{ font-size:36px; line-height:60px; font-weight: bold}
.mainthree_top h2{ font-size:16px; line-height:60px; color:#2b2b2b; text-transform:uppercase; font-weight:normal;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow:hidden} 
.mainthree_top b{ width:80px; height:5px; display:inline-block; margin: 0 auto; background:#009933}
 
.xw2{ width:100%; float:left; }
.xw2 ul li{ width:50%; float:left}
.xw2 ul li b{ width:5px; height:5px; display:inline-block; margin:20px 10px 0px 10px; background:#009933}
.xw2 ul li span{ display:none}
.xw3{ width:45%; float: right; }
.xw3 ul li{ width:100%; margin-bottom:10px; }

.news02{ }
.news02_bot{ width:50%; float:left; }
.news02_bots{ width:100%;background:url("news02_botsbj.jpg") no-repeat left top;}
.news02_bots dl{ width:20%; float:left; z-index:1999; position:relative }
.news02_bots dl img{ width:200px; max-width:inherit;z-index:1999; position:relative; margin-top:210px}
.news02_bots dt{ width:80%; height:410px; overflow:hidden; display:block }
.news02_bots dt img{ height:100%; max-width:none; float:left; margin-left:-50px;} 
.news02_bot ul{ width:100%; height:80px;  overflow:hidden; background:#f5f5f5} 
  
@media only screen and (max-width:1200px) {
.mainthree_top h1{ font-size:30px;}
.mainthree_top h2{ line-height:30px;}
.xw2 ul li{  width:100%}
.xw2 ul li:nth-child(n+3){ display:none}
.mainthree_top b{ margin-top:2%}
}
@media only screen and (max-width:850px) {
.mainthree_top h1{ font-size:24px;} 
}
@media only screen and (max-width:768px) {
.xw3 ul li span{ display:none;} 
}
@media only screen and (max-width:550px) {
.news02_bot{ width:100%; margin-bottom:3%}
.news02_bot ul li{ line-height:50px; height:50px;} 
.news02_bots{height:200px; display:block}
.news02_bots dl img{ display:none}
.news02_bots dt{ width:92%; height:200px; float:right }
.news02_bots dt img{ margin-left:0px;} 
.xw3 {width:100%;float:right; } 
.xw3 ul li span{ display: inline;} 
.xw3 ul li:nth-child(n+5){ display:none}
.xw2{ display:none}
}
@media only screen and (max-width:450px) {
.xw3 ul li span{ display:none;} 
}

.sevice { background: url("zi_bg.jpg") repeat #006600; width:100%; margin: 0 auto; }
.flot_sevice {width:90.5%;background: url("shuxian2.png") repeat-x #FFFFFF;padding: 40px 0 0px; float:right;}
.flot_sevice_title { height:80px; background: url("flot_sevice_title.png")  no-repeat left ; margin-left:5%; width:85%; overflow:hidden}
.flot_sevice_title h2{ width:100%; height:75px; line-height:80px; font-size:74px; color:#e7e7e7; text-transform:uppercase; float:left; padding-left:70px; overflow:hidden}
.flot_sevice_title span{ width:100%;  line-height:80px; color:#000; margin-top:-61px; font-weight:bold; float:left; padding-left:70px;}
.flot_container {width:83%; }
.flot_sevice_title img {vertical-align: text-top;margin-right: 10px;}
.flot_sevice_text{ width:100%;} 

.advantage{ width:100%; margin: 0 auto;  padding:3% 0% 2% 0% }  
.advantage ul{ width:100%; float:left}
.advantage ul li{ width:14.6%; margin:0% 1% 1% 1%; text-align:center; float:left; background:url("icoline.jpg") right no-repeat; padding:3% 0% 3% 0%}
.advantage ul li:nth-child(6){ background: none}
.advantage ul span{ width:100%; }
.advantage ul span img{ width:51%; margin: 0 auto}
.advantage ul p{ color:#000; line-height:40px; font-size:16px; width:100%}  
.advantage ul b{ width:40px; height:1px; background:#787878; display:block;  margin: 0 auto;margin-top:3%; }
.advantageimg2{ display:none}
.advantage ul li:hover{ background:#006600}
.advantage ul li:hover .advantageimg2{ display: inline}
.advantage ul li:hover .advantageimg{ display:none}
.advantage ul li:hover p{ color:#FFFFFF}
.advantage ul li:hover b{ background:#FFFFFF}
@media only screen and (max-width:1799px) { 
.flot_container {width:92%;}
.flot_sevice{ width:90%}
} 
@media only screen and (max-width:1659px) { 
.flot_container {width:93%;}
.flot_sevice{ width:91%; } 
}
@media only screen and (max-width:1450px) { 
.flot_container {width:97%;}
.flot_sevice_title h2{ font-size:55px;}
.flot_sevice{ width:96%} 
}
@media only screen and (max-width:1365px) { 
.flot_container {width:97%}
.flot_sevice{ width:98%;} 
}
@media only screen and (max-width:1279px) {  
.flot_sevice{ width:99%} 
}
@media only screen and (max-width:1024px) {  
.flot_sevice_title h2{ font-size:45px}
}
@media only screen and (max-width:950px) {
.advantage ul p{ font-size:14px}  
}
@media only screen and (max-width:800px) {
.advantage ul p{ font-size:16px} 
}
@media only screen and (max-width:768px) {
.advantage ul li{ width:31%}
.advantage ul p{ font-size:16px} 
}
@media only screen and (max-width:550px) {  
.flot_sevice_title h2{ font-size:30px;} 
}
@media only screen and (max-width:414px) {
.advantage ul p{ height:30px; overflow:hidden} 
}

.advantage_bot{ width:100%; margin: 0 auto;  background:url("advantage_bot.png") no-repeat center top;background-size:78% 100%; padding:3% 0% 3% 0%}
.advantage_b{ width:15%; float:left}
.advantage_b h2{ width:90px; height:90px; line-height:90px; background:#e5c790; color:#FFFFFF; border-radius:150px; font-size:36px; text-align:center; }
.advantage1 h2{ margin:190px 0px 0px 63px;}
.advantage4{ margin:0px 0px 0px 0px;}
.advantage4 h2{ margin: 0 auto; margin-top:190px}
.advantage4 p{ display:none}
.advantage5{}
.advantage5 h2{ float:right; margin:190px 45px 0px 0px;}
.advantage2{ width:20%; float:left; margin:0px 4% 0% 2%}
.advantage2 h2{ width:100%; text-align:center; font-size:24px; line-height:127px; height:127px; color:#FFFFFF;background:url("advantage3bj.png") no-repeat center top; overflow:hidden}
.advantage2 p{ width:100%; text-align:center; font-size:16px; line-height:30px; color:#FFFFFF; margin-top:50px;}
.advantage3{ width:20%; float:left;  margin:2% 4% 0% 2%}
.advantage3 h2{ width:100%; text-align:center; margin-top:50px; font-size:24px; line-height:127px; height:127px; color:#FFFFFF;background:url("advantage3bjj.png") no-repeat center top;}
.advantage3 p{ width:100%; text-align:center; font-size:16px; line-height:30px; color:#FFFFFF;}
.advantage3 p strong{ width:100%; font-weight:normal; display:block}

@media only screen and (max-width:1800px) { 
.advantage_bot{ background-size:85% 100%; }
} 
@media only screen and (max-width:1680px) { 
.advantage_bot{ background-size:72% 100%; }
}
@media only screen and (max-width:1550px) { 
.advantage_bot{ background-size:78% 100%; }
}
@media only screen and (max-width:1450px) { 
.advantage_bot{ background-size:72% 100%; }
}
@media only screen and (max-width:1365px) { 
.advantage_bot{ background-size:83% 100%; }
}
@media only screen and (max-width:1279px) {  
.advantage_bot{ background-size:89% 100%; } 
}
@media only screen and (max-width:1200px) {  
.advantage_bot{ background-size:77% 100%; } 
}
@media only screen and (max-width:1024px) {  
.advantage_b h2{ width:70px; height:70px; line-height:70px}
}
@media only screen and (max-width:850px) {  
.advantage_bot{ background-size:100% 100%; } 
.advantage3{ margin:2% 0% 0% 0%; width:29%} 
.advantage2 p{ margin-top:7px}
.advantage2{ width:26%; margin:0px 0% 0% 0%}
.advantage1 h2{ margin:190px 0px 0px 0px}
.advantage5 h2{ margin:190px 0px 0px 0px}
.advantage2 h2{ font-size:17px}
.advantage3 h2{ font-size:17px}
}

@media only screen and (max-width:768px) {  
.advantage_bot{ background-size:148% 100%; } 
.advantage4 p{ display: inline}
.advantage5{ display:none}
.advantage1{ display:none}
.advantage4no{ display:none}
.advantage_b h2{ height:100px; width:100px;}
.advantage_b h2 p{ font-size:16px; line-height:30px; padding:17% 0% 0% 0%; display:block}
.advantage_b h2 p strong{ display:block}
.advantage2{ width:43%}
.advantage3{ width:32%}
.advantage_b{ width:24%}
}
@media only screen and (max-width:550px) {  
.advantage_bot{ background: url("zi_bgs.jpg") repeat;} 
.advantage2{ width:96%; padding-left:3%; border-left:1px #FFFFFF solid}
.advantage_b{ width:100%; }
.advantage3{ width:96%; padding-left:3%; border-left:1px #FFFFFF solid}
.advantage4{ margin-top:2%}
.advantage3 h2{ margin-top:0%}
.advantage4 h2{ margin-top:0%;}
}
.lxwm1{ width:30%; margin: 0 auto; margin-top:3%; height:50px; text-align:center; font-size:18px; line-height:50px; border:1px #FFFFFF solid;border-radius:50px;}
.lxwm1 h2{ display:inline; color:#FFFFFF; font-size:18px; font-weight:normal}
.lxwm1 p{ display:inline; color:#FFFFFF}
@media only screen and (max-width:1024px) {  
.lxwm1{ width:50%;}
}
@media only screen and (max-width:414px) {  
.lxwm1{ width:100%;}